<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车-OPPO智能手机官网 </title>
		<link rel="stylesheet" href="css/shopcar.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="shortcut icon" href="./favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<meta name="keyword" content="购物车,OPPO智能手机官网 " />
		<meta name="description" content="OPPO手机购物车为您提供OPPO手机购物车流程,想知道更多的购物车信息，就在OPPO智能手机官网。 "/>
	</head>
	<body>
		<div class="web">
	    <!--顶部-->
		<header>	
			<div class="top">
				<div class="top_logo">
						<a href="">
							<img src="img/OPPO.png" alt="logo" />
						</a>
					</div>
					<ul class="nav">
						<li><a href="#">手机</a></li>
						<li><a href="#">品牌</a></li>
						<li><a href="index.html">商城</a></li>
						<li><a href="#">体验店</a></li>
						<li><a href="#">服务</a></li>
						<li><a href="#">社区</a></li>
						<li><a href="#">ColorOS</a></li>
						<li><a href="#">云服务</a></li>
					</ul>
					<div class="top_ico clearfix">
						<a href="javascript:void(0)" class="oh-navlink-bag oc-icon oc-iconfont-bag oc-iconfont-bag-bold"></a>
						<b class="oh-bag-arrow"></b>
				    </div>
				    <ul class="ico_xia">
							<li>
								<a href="shopcar.html">
									<b class="oc-icon oc-iconfont-cart oc-iconfont-cart-bold"></b>
									<span>购物车</span>
								</a>
							</li>
							<li>
								<a href="#">
									<b class="oc-icon oc-iconfont-order oc-iconfont-order-bold"></b>
									<span>我的订单</span>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<b class="oc-icon oc-iconfont-account oc-iconfont-account-bold"></b>
									<span>个人中心</span>
								</a>
							</li>
							<li>
								<a href="login.html">
									<b class="oc-icon oc-iconfont-user oc-iconfont-user-bold"></b>
									<span>登录</span>
								</a>
							</li>
						</ul>
				
				</div>
		</header>		
			<!--购物车-->
			<div class="shopping">
			     <div class="shoppingcar">
			     	<section class="shopmid">
			     		<h2>购物车</h2>
			     		<section class="shop_list">
			     			<ul>
			     				<li class="one">
			     					<div>
			     					<input type="checkbox" />
			     					<i class="radio-button-input oc-icon oc-iconfont-check"></i>
			     				    </div>
			     				</li>
			     				<li class="two"><img src="img/shop.jpg" alt="小图" /></li>
			     				<li class="three"><a href="product.html">R11s 高配版 香槟色</a></li>
			     				<li class="four"><span>￥3599.00</span></li>
			     				<li class="five">
			     					<i class="number_min"></i>
			     					<input type="text" value="1" data-max="10" data-min="0" data-step="1" />
									<i class="number_max"></i>
			     				</li>
			     				<li class="six"><a href="#"><b class="oc-icon oc-iconfont-delete"></b></a></li>
			     			</ul>
			     		</section>
			     		<section class="shop_list_two">
			     			<ul>
			     				<li>
			     					<label>
			     						<em>赠品</em>
			     					</label>
			     					<img src="img/音箱.png" alt="音箱" />
			     					<a href="#">蓝牙音箱Q9</a>
			     				</li>
			     			</ul>
			     		</section>
			     		<!--结算-->
			     		<section class="money">
			     			<div class="money_le">
			     				<a href="#">
			     					<i class="oc-icon oc-iconfont-shopingcart-order"></i>
			     				    <span>继续选购</span>
			     				</a>
			     			</div>
			     			<div class="money_ri">
			     				<div class="money_ri_tex">
			     					<span>应付：</span>
			     					<p>￥</p>
			     					<h2>3599.00</h2>
			     				</div>
			     				<div class="money_ri_ico">
			     					<a href="login.html">去结算</a>
			     				</div>
			     				
			     			</div>
			     		</section>
			     	</section>
			     	
			     	
			     </div>
			
			</div>
			
			
			
				
				
			<!--底部-->
			<footer>
			<div class="foot_mid">
				<div class="foot_le  clearfix">
					<dl>
						<dt>推荐机型</dt>
						<dd>
							<a href="javascript:void(0)">R11s</a>
							<a href="javascript:void(0)">A73</a>
							<a href="javascript:void(0)">A57</a>
							<a href="javascript:void(0)">A79</a>
						</dd>
					</dl>
					<dl>
						<dt>服务</dt>
						<dd>
							<a href="javascript:void(0)">服务网点查询</a>
							<a href="javascript:void(0)">零配件价格查询</a>
							<a href="javascript:void(0)">官方授权网点</a>
							<a href="javascript:void(0)">预置软件公示</a>
						</dd>
					</dl>
					<dl>
						<dt>关于我们</dt>
						<dd>
							<a href="javascript:void(0)">关于oppo</a>
							<a href="javascript:void(0)">加入我们</a>
						</dd>
					</dl>
					<dl>
						<dt>商务合作</dt>
						<dd>
							<a href="javascript:void(0)">开放平台</a>
							<a href="javascript:void(0)">采购相关</a>
						</dd>
					</dl>	
				</div>
				<div class="foot_ri ">
					<section>
						<a href="javascript:void(0)">
						<b class="oc-icon oc-iconfont-ooo"></b>	
						<span>在线客服</span>
					    </a>
					</section>
					<h3>4001-666-888</h3>
	                <p>24小时全国热线</p>        
				</div>
			</div>
				<div class="foot_bot clear">
					 <div class="bot_le">
					 	© 2005 - 2017 OPPO 版权所有 <a href="">粤ICP备14056724号-2</a>联系方式：4001-666-888
					    <a href="javascript:void(0)" class="ico"><img src="img/icon-gs1.png" alt="" /></a>
					 </div>
					 <div class="bot_ri">
					 	<span>关注我们：</span>
					 	<a href="javascript:void(0)" class="oc-icon oc-iconfont-weibo"></a>
					 	<a href="javascript:void(0)" class="oc-icon oc-iconfont-weixin"></a>
					 	<a href="javascript:void(0)" class="oc-icon oc-iconfont-alipay"></a>
					 	<i></i>
					 	<a href="" class="oc-icon oc-iconfont-global"><span>Global</span></a>
					 	
					 </div>
				</div>
				<div class="clear"></div>
				</div>
		</div>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/scrollReveal.min.js"></script>
		<script src="js/index.js"></script>
		<script src="js/jquery-1.11.0.js"></script>
	</body>
</html>
